/* Vaev's HTML User Agent Stylesheet */

@namespace "http://www.w3.org/1999/xhtml";
@namespace svg "http://www.w3.org/2000/svg";

/* 15.3.1 MARK: Hidden elements  -------------------------------------------- */
/* https://html.spec.whatwg.org/multipage/rendering.html#hidden-elements */

area,
base,
basefont,
datalist,
head,
link,
meta,
noembed,
noframes,
param,
rp,
script,
style,
template,
title {
    display: none;
}

/* 15.3.2 MARK: The page ---------------------------------------------------- */
/* https://html.spec.whatwg.org/multipage/rendering.html#the-page */

html {
    display: block;
}

body {
    display: block;
    margin: 8px;
}

/* 15.3.3 MARK: Flow content ------------------------------------------------ */
/* https://html.spec.whatwg.org/multipage/rendering.html#flow-content-3 */

address,
blockquote,
center,
dialog,
div,
figure,
figcaption,
footer,
form,
header,
hr,
legend,
listing,
main,
p,
plaintext,
pre,
search,
xmp {
    display: block;
}

blockquote,
figure,
listing,
p,
plaintext,
pre,
xmp {
    margin-block: 1em;
}

blockquote,
figure {
    margin-inline: 40px;
}

address {
    font-style: italic;
}

listing,
plaintext,
pre,
xmp {
    font-family: monospace;
    white-space: pre;
}


/* 15.3.4 MARK: Phrasing content -------------------------------------------- */
/* https://html.spec.whatwg.org/multipage/rendering.html#phrasing-content-3   */

cite,
dfn,
em,
i,
var {
    font-style: italic;
}

b,
strong {
    font-weight: bolder;
}

code,
kbd,
samp,
tt {
    font-family: monospace;
}

big {
    font-size: larger;
}

small {
    font-size: smaller;
}

sub {
    vertical-align: sub;
}

sup {
    vertical-align: super;
}

sub,
sup {
    line-height: normal;
    font-size: smaller;
}

:link {
    color: #0000EE;
}

mark {
    background: yellow;
    color: black;
}

q::before {
    content: open-quote;
}

q::after {
    content: close-quote;
}

/* 15.3.6 MARK: Sections and headings --------------------------------------- */
/* https://html.spec.whatwg.org/multipage/rendering.html#sections-and-headings */

article,
aside,
h1,
h2,
h3,
h4,
h5,
h6,
hgroup,
nav,
section {
    display: block;
}

h1 {
    margin-block: 0.67em;
    font-size: 2.00em;
    font-weight: bold;
}

h2 {
    margin-block: 0.83em;
    font-size: 1.50em;
    font-weight: bold;
}

h3 {
    margin-block: 1.00em;
    font-size: 1.17em;
    font-weight: bold;
}

h4 {
    margin-block: 1.33em;
    font-size: 1.00em;
    font-weight: bold;
}

h5 {
    margin-block: 1.67em;
    font-size: 0.83em;
    font-weight: bold;
}

h6 {
    margin-block: 2.33em;
    font-size: 0.67em;
    font-weight: bold;
}

/* 15.3.7 MARK: Lists ------------------------------------------------------- */
/* https://html.spec.whatwg.org/multipage/rendering.html#lists */

dir,
dd,
dl,
dt,
menu,
ol,
ul {
    display: block;
}

li {
    display: list-item;
}

dir,
dl,
menu,
ol,
ul {
    margin-block: 1em;
}

dd {
    margin-inline-start: 40px;
}

dir,
menu,
ol,
ul {
    padding-inline-start: 40px;
}


/* 15.3.8 MARK: Tables ------------------------------------------------------ */
/* https://html.spec.whatwg.org/multipage/rendering.html#tables-2 */

table {
    display: table;
}

caption {
    display: table-caption;
}

colgroup {
    display: table-column-group;
}

col {
    display: table-column;
}

thead {
    display: table-header-group;
}

tbody {
    display: table-row-group;
}

tfoot {
    display: table-footer-group;
}

tr {
    display: table-row;
}

td,
th {
    display: table-cell;
}

td,
th {
    padding: 1px;
}

th {
    font-weight: bold;
}

/* 15.3.10 MARK: Form controls ---------------------------------------------- */

input[type="reset" i],
input[type="button" i],
input[type="submit" i],
button {
    text-align: center;
}

input,
button {
    display: inline-block;
}

input:not([type=submit], input[type=button], input[type=image], input[type=reset], input[type=color], input[type=checkbox], input[type=file], input[type=radio], input[type=range]),
textarea {
    border: 1px solid ButtonBorder;
    min-height: 16px;
    cursor: text;
    overflow: hidden;

    background-color: Field;
    color: FieldText;
}


/* 15.3.11 MARK: The hr element --------------------------------------------- */

hr {
    color: gray;
    border-style: solid;
    border-width: 1px;
    margin-block: 0.5em;
    margin-inline: auto;
    overflow: hidden;
}

/* 16.0 MARK: Obsolete features --------------------------------------------- */
/* https://html.spec.whatwg.org/multipage/obsolete.html#center */

center {
    text-align: center;
}
